/* stylelint-disable */
.product{
    width: 100%;
    // height: 100%;
    height: 284px;
    position: relative;
    overflow: hidden;
    .productWrap {
      position: absolute;
      left: 0;
      top: 0;
      right: -22px;
      bottom: 0;
      overflow-x: hidden;
      overflow-y: scroll;
      background-color: #030609;
      display: flex;
      flex-wrap: wrap;
      // justify-content: space-around;
      .productItem{
        position: relative;
        width: 42%;
        height: 140px;
        margin-left: 4%;
        margin-top: 20px;
        // background-color: #154983;
        background: url("@/assets/datav/img/navbar1.png") ;
        background-size: 100% 5rem;
        display: flex;
        flex-direction: column;
        .ItemWrap{
          margin-left: 1%;
          margin-top: 1%;
          width: 98%;
          height: 98%;
          background:-webkit-linear-gradient(top, #161a23 0%,#13202d 20%,#133854 70%, #164266 80%, #17497f 100%);
          display: flex;
          flex-direction: column;
          .itemName{
            text-align: center;
            padding: 4px 0 0 6px;
            font-weight: 600;
            font-size: 16px;
            flex: 5;
            color: #99d5eb;
          }
          .itemCount{
            height: 90px;
            text-align: center;
            font-size: 36px;
            flex: 9;
            color: #ebc689;
          }
        }
      }
    }
}
.loading{
  background-color: #02506b;
}

